.orderDetails {
    width: 100%;
    .head {
      width: 100%;
      position: fixed;
      z-index: 400;
      /deep/ .van-cell::after {
        border-bottom: none;
      }
      .title {
        padding-top: $top;
        //   margin-bottom: 3px;
        background-color: $main-color;
        /deep/ .van-field__left-icon {
          color: #ffffff;
        }
        /deep/ .van-field__control--center {
          color: #ffffff;
          font-weight: 700;
        }
      }
    }
    .item {
      width: 100%;
      position: relative;
      z-index: 300;
      box-sizing: border-box;
      padding-left: $padd;
      padding-right: $padd;
      padding-top: 90px;
      margin-bottom: 10px;
  
      .base {
        border: 1px solid $main-color;
        border-radius: 8px;
        background-color: $main-color;
        /deep/ .van-cell::after {
          border-bottom: none;
        }
        .van-cell {
          padding-right: 5px;
          padding-left: 5px;
          border-radius: 8px;
          background-color: $main-color;
          /deep/ .van-cell__title {
            flex: none;
            color: #ffffff;
            font-size: 12px;
          }
          /deep/ .van-cell__value {
            flex-grow: 1;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            font-size: 12px;
  
            button {
              margin-left: 10px;
              background-color: #ffffff;
              color: red;
              border: none;
            }
            .time {
              color: #ffffff;
            }
          }
        }
        .itemContent {
          width: 100%;
          background-color: #ffffff;
          border-radius: 0 0 8px 8px;
          padding-top: 20px;
          padding-bottom: 20px;
          display: flex;
          flex-direction: row;
          text-align: center;
          .startCity {
            flex: 1;
            display: flex;
            flex-direction: column;
            .title {
              font-weight: 700;
              margin-bottom: 2px;
              font-size: 14px;
            }
            .city {
              color: #cccccc;
              font-size: 12px;
            }
          }
          .sign {
            flex: 1;
            display: flex;
            flex-direction: column;
            font-size: 10px;
            margin-top: -7px;
  
            .redStyle {
              color: red;
            }
            .sign_icon {
              margin-top: 2px;
              width: 100%;
              height: 24px;
              background-color: $main-color;
              display: flex;
              // justify-content: center;
              border-radius: 24px;
              align-content: center;
              overflow: hidden;
              .sign_icon_item {
                box-sizing: border-box;
                padding-left: 8px;
                padding-right: 14px;
                position: relative;
                margin-left: 3px;
              }
  
              .sign_icon_item:after {
                content: '';
                display: block;
                position: absolute;
                width: 0px;
                height: 0px;
                top: -4px;
                z-index: 100;
                right: -13px;
                border-width: 16px 0 16px 16px;
                border-style: solid;
                border-color: transparent transparent transparent $main-color; /*透明 透明 透明 灰*/
              }
              .sign_icon_item:before {
                content: '';
                display: block;
                position: absolute;
                width: 0px;
                height: 0px;
                top: -4px;
                /* z-index: 10; */
                right: -16px;
                border-width: 16px 0 16px 16px;
                border-style: solid;
                border-color: transparent transparent transparent #ffffff;
              }
            }
          }
          .endCity {
            flex: 1;
            display: flex;
            flex-direction: column;
            .title {
              font-weight: 700;
              margin-bottom: 2px;
              font-size: 14px;
            }
            .city {
              color: #cccccc;
              font-size: 12px;
            }
          }
        }
      }
    }
    .shipment_Information {
      width: 100%;
      background-color: #ffffff;
      border-radius: 8px 8px 0 0;
      padding-left: 4px;
      padding-right: 4px;
      box-sizing: border-box;
      .title {
        font-weight: 700;
        border-radius: 8px 8px 0 0;
      }
      .content {
        /deep/ .van-cell::after {
          border-bottom: none;
        }
        .mainStyle {
          padding-top: 0px;
          padding-bottom: 0px;
          margin-bottom: 0;
          font-size: 12px;
          /deep/ .van-cell__value {
            color: $main-color;
          }
          /deep/ .van-cell__title {
            color: #969799;
          }
        }
        .postMan {
          padding-top: 0px;
          padding-bottom: 0px;
          margin-bottom: 0;
          font-size: 12px;
          /deep/ .van-cell__title {
            color: #969799;
          }
          /deep/ .van-cell__value {
            color: #000000;
          }
        }
      }
    }
    .shipment_Record{
        width: 100%;
        /deep/ .van-step--vertical{
            font-size: 12px;
        }
        .step{
            .step_head{
                /deep/ .van-step__circle{
                   
                    width: 10px;
                    height: 10px;

                }
            }
            /deep/ .van-step--process{
              i{
                  font-size: 16px;
                }
               
            }
            .step_end{
                /deep/ .van-step__circle{
                    background-color: #169bd4;
                    width: 10px;
                    height: 10px;

                }
            }
        }
    }
  }